// 调试上传功能的独立脚本

function debugUploadArea() {
    console.log('=== 上传功能调试 ===');
    
    // 检查元素是否存在
    const uploadArea = document.getElementById('uploadArea');
    const fileInput = document.getElementById('templateImageFile');
    
    console.log('uploadArea元素:', uploadArea);
    console.log('fileInput元素:', fileInput);
    
    if (!uploadArea) {
        console.error('❌ uploadArea元素不存在');
        return;
    }
    
    if (!fileInput) {
        console.error('❌ templateImageFile元素不存在');
        return;
    }
    
    // 简单的点击处理
    uploadArea.addEventListener('click', function(e) {
        console.log('✅ 点击事件触发');
        e.preventDefault();
        e.stopPropagation();
        
        // 检查文件输入框状态
        console.log('文件输入框类型:', fileInput.type);
        console.log('文件输入框样式:', getComputedStyle(fileInput).display);
        
        // 尝试触发点击
        try {
            fileInput.click();
            console.log('✅ 文件选择框已触发');
        } catch (error) {
            console.error('❌ 触发文件选择失败:', error);
        }
    });
    
    // 文件选择处理
    fileInput.addEventListener('change', function(e) {
        console.log('✅ 文件选择变化');
        const file = e.target.files[0];
        if (file) {
            console.log('选择的文件:', {
                name: file.name,
                size: file.size,
                type: file.type
            });
        }
    });
    
    console.log('✅ 上传功能调试初始化完成');
}

// 在DOM加载完成后执行
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', debugUploadArea);
} else {
    debugUploadArea();
}
